﻿@namespace MudBlazor.Docs.Examples

<MudChipSet @bind-SelectedChip="selected" Filter="true" Mandatory="@mandatory">
    <MudChip Text="grey">Default</MudChip>
    <MudChip Text="purple" Color="Color.Primary">Primary</MudChip>
    <MudChip Text="pink" Color="Color.Secondary">Secondary</MudChip>
    <MudChip Text="blue" Color="Color.Info">Info</MudChip>
    <MudChip Text="green" Color="Color.Success">Success</MudChip>
    <MudChip Text="orange" Color="Color.Warning">Warning</MudChip>
    <MudChip Text="red" Color="Color.Error">Error</MudChip>
    <MudChip Text="black" Color="Color.Dark">Dark</MudChip>
</MudChipSet>

<div class="d-flex flex-column align-center">
    @if (selected != null)
    {
        <MudText>You selected the <MudText Color="@selected.Color" Inline="true">@selected.Text</MudText> chip.</MudText>
    }
    <MudCheckBox @bind-Checked="mandatory">Mandatory</MudCheckBox>
</div>

@code
{
    bool mandatory = true;
    MudChip selected;
}

